<template>
  <router-view></router-view>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      transitionName: "slide-left",
      title: "", // 头部标题
      header: true, // 默认显示头部信息
      iswx: false // 默认认为是微信浏览器
    };
  },
  created: function() {
    // 判断浏览器类型 打开方式是否是微信浏览器方式打开
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) === "micromessenger") {
      this.iswx = true;
    }
  },
  mounted: function() {
    // this.load();
  },
  methods: {
    // load() {
    //   this.ajax({
    //     url: this.API.common.login,
    //     data: {
    //       name: 'ml',
    //       password: '000000'
    //     },
    //     success: resultData => {
    //     }
    //   });
    // }
  },
  computed: {
    pageLoading() {
      if (this.$store.state.pageLoading) {
        this.$dialog.loading.open("页面加载中...");
      } else {
        // setTimeout(() => {
        this.$dialog.loading.close();
        // }, 2000);
      }
      return this.$store.state.pageLoading;
    },
    ajaxLoading() {
      if (this.$store.state.ajaxLoading) {
        this.$dialog.loading.open("请求加载中...");
      } else {
        this.$dialog.loading.close();
      }
      return this.$store.state.ajaxLoading;
    }
  },
  watch: {
    $route(to, from) {
      // 如果不是微信浏览器打开,显示头部信息
      if (!this.iswx) {
        // 设置通用头部
        this.title = to.name;
        this.header = to.meta.header;
      }
      const toDepth = to.path.split("/").length;
      const fromDepth = from.path.split("/").length;
      this.transitionName = toDepth < fromDepth ? "slide-right" : "slide-left";
    }
  }
};
</script>

<style scoped>
body {
  font-family: "Helvetica Neue", Tahoma, Arial, PingFangSC-Regular,
    "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  line-height: 1.2;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  background-color: #ffffff;
}
/* 阿里妈妈iconfont 设置 */
.icon {
  /* 通过设置 font-size 来改变图标大小 */
  width: 1em;
  height: 1em;
  /* 图标和文字相邻时，垂直对齐 */
  vertical-align: -0.15em;
  /* 通过设置 color 来改变 SVG 的颜色/fill */
  fill: #000000;
  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
      normalize.css 中也包含这行 */
  overflow: hidden;
}
</style>
